﻿.tab-box { background-color: #fff; width: 100%;
    .tab-item { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
        .tab-title { color: #666; font-weight: 500; font-size: 14px; line-height: 45px; }
        .title-active { color: #333; }
        .underline { display: block; width: 34px; height: 2px; background: #fff; border-radius: 1px; }
        .underline-active { background: #5e49c3; display: block; width: 34px; height: 2px; border-radius: 1px; }
    }
}
.log-list { background-color: #fff; padding: 15px; margin: 5px 0; align-items: flex-start;
    .log-avatar-wrap { margin-right: 7px;
        .log-avatar { width: 20px; height: 20px; border-radius: 50%; }
    }
    .item-right { flex: 1;
        .name { font-size: 13px; font-weight: 500; color: #7f7aa5; margin-bottom: 15px; }
        .content { background: rgba(241, 241, 241, 0.46); border-radius: 1px; padding: 5px; margin-bottom: 10px;
            .content-img-wrap { margin-right: 8px; width: 40px; height: 40px;
                .content-img { width: 40px; height: 40px; }
            }
            .content-text { font-size: 12px; font-weight: 500; color: #333333; }
        }
        .item-bottom { width: 100%;
            .time { font-size: 11px; font-weight: 500; color: #c8c8c8; }
            .from-text { font-size: 11px; font-weight: 500; color: #c8c8c8; }
        }
    }
}
